html,
body {
  height: 100%;
}
body {
  background-color: #eee;
}
.category-layout {
  width: 100%;
  height: 100%;
  max-width: 640px;
  min-width: 320px;
  background-color: #fff;
  margin: 0 auto;
}
/*分类头部*/
.category-header {
  position: absolute;
  /*搜索框*/
}
.category-header form {
  width: 100%;
  height: 100%;
  padding-top: 7px;
}
.category-header form input {
  width: 100%;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding-left: 10px;
}
/*分类主体*/
.category-body {
  width: 100%;
  height: 100%;
  padding-top: 44px;
}
.category-body .body-left {
  float: left;
  height: 100%;
  width: 90px;
  overflow: hidden;
}
.category-body .body-left ul li a {
  display: block;
  width: 90px;
  height: 50px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: center;
  line-height: 50px;
}
.category-body .body-right {
  height: 100%;
  overflow: hidden;
  padding: 10px;
}
.category-body .body-right .right-in .banner a {
  display: block;
}
.category-body .body-right .right-in .banner a img {
  width: 100%;
}
.category-body .body-right .right-in .hot ul {
  padding-top: 10px;
}
.category-body .body-right .right-in .hot ul li {
  float: left;
  width: 33.33%;
  margin-bottom: 10px;
}
.category-body .body-right .right-in .hot ul li a {
  display: block;
  text-align: center;
}
.category-body .body-right .right-in .hot ul li a img {
  width: 65%;
}
